<script setup>
defineProps({
  menu: { type: Object, default: [] },
});
import { useIndexStore } from "../store/index";
const store = useIndexStore();
</script>

<template>
  <div class="pl-2">
    <template v-for="item in menu">
      <div
        @click="store.menu_Array(item)"
        class="w-full h-[40px] flex items-center *:m-1 justify-between hover:bg-gray-200 text-[12px] m-1"
      >
        <div class="flex items-center">
          <div v-if="item.icon" class="h-full w-6 flex items-center">
            <img src="/src/assets/talk.svg" alt="" />
          </div>
          <div>{{ item.title }}</div>
        </div>
      </div>
    </template>
  </div>
</template>

<style scoped>
</style>